<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./css/style.css" rel="stylesheet" />
    <title>运动改变生活</title>
</head>
<body>
    
    <div class="box">
        <div class="nav_main">
            <span class="logo">运动改变生活<span class="y">.</span></span>
            <div class="nav">
                <ul>
                    <li><a href="#">主页</a></li>
                    <li><a href="#">最新优惠</a></li>
                    <li><a href="#">星级课程</a></li>
                    <li><a href="#">私人训练课程</a></li>
                    <li><a href="#">分店网络</a></li>
                    <li><a href="#">健康小知识</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
        <div class="centen">
            <span>运动每一天</span>
            <p>
                最近总是有小伙伴在抱怨，天气太冷啦，不想起床健身啦，健君想说，连起床都失败的人，
                <br> 凭什么还幻想着拥有好身材？健身不要总是停留在自己的口头上，只有坚持去做才有资格拥有好身材。
                <br>你不坚持挑战看看,怎么知道健身一年，会带给你多大的变化呢？
                <br>健身一年，你发现自己的朋友越来越少了，一些约酒泡吧的朋友已经把你拉黑了，
                <br>但你的生活中却多出了更多健身的朋友。健身一年，你会发现自己成了健身大厨，以前的自己根本不会做饭，
                <br>但现在各种食材不在话下，不仅会做还能够做的健康。健身一年，你会发现自己变得自信阳光了，
                <br>每次自己想要发泄负面情绪时就去健身房，再也不会像之前那样喝酒抽烟暴饮暴食了。
                <br>健身一年，你会发现少了胡吃海喝的机会，现在的自己，空闲时间会户外锻炼，
                <br>比起喝酒更喜欢阳光下流汗的自己。健身一年，你会发现自己的身材变好不止一点，大肚子没有了，
                <br>还出现了梦想中的腹肌，之前的那些最大号衣服你再也不需要了，现在即使是地摊货也能穿出大牌的感觉…… 
            </p>
            <div >
                <button type="button" class="btn">了解更多</button>
                <a href="#">再见</a>
            </div>
        </div>
        <marquee ><img src="./images/01.jpg" width="130" height="130" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <img src="./images/02.jpg" width="130" height="130" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <img src="./images/03.jpg" width="130" height="130" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <img src="./images/04.jpg" width="130" height="130" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </marquee>
    </div>
</body>
</html>